<%--
  Created by IntelliJ IDEA.
  User: 王文尧
  Date: 2024/7/16
  Time: 13:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-3.7.1.min.js"></script>
</head>
<body>
    <%--注册界面邮箱验证--%>
    <h1>注册界面</h1>
    <%-- 用户名、邮箱 --%>
    用户名: <input type="text"/><br/>
    邮箱: <input type="text" name="email"/><br/>
    <%--点击发送验证码--%>
    <input type="button" value="发送验证码" onclick="sendCode()"/><br/>
    <%--输入验证码然后进行校验--%>
    验证码: <input type="text" name="regMsg" onblur="checkCode(this)"/>
    <script type="text/javascript">
        // 随机数变量
        var randomNum="";
        function sendCode(){
            var yourEmail = document.getElementsByName("email")[0].value;
            for (var i=0; i<4; i++){
                randomNum += Math.floor(Math.random()*10);
            }
            $.ajax({
                url:"TestEmailServlet",
                type:"post",
                data:{
                    // 传什么参数呢？
                    yourEmail:yourEmail, // 验证邮箱
                    randomNum:randomNum // 随机生成的验证码
                },
                dataType:"JSON",
                success:function (data){
                    if (data) {
                        alert("发送成功");
                    } else {
                        alert("发送失败");
                    }
                }
            });
        }
        function checkCode(obj) {
            if(obj.value == randomNum) {
                alert("验证成功");
            } else {
                alert("验证失败");
            }
        }

    </script>
</body>
</html>
